// @rootPath inject by webpack.theme.config.js
// modularized
//@import '@{rootPath}rsuite/styles/common';
// integrated
//@import '~rsuite/styles/index';
@import '@{rootPath}/styles/index';

@sidebar-wrapper-bg: #f4f5f7;
@code-view-wrapper-bg: var(--rs-bg-card);
@code-view-wrapper-border-color: #f1f1f1;
@code-view-wrapper-hr-color: @code-view-wrapper-border-color;
@doc-highlight-bg: #f5f5f5;
@code-view-blockquote-color: var(--rs-primary-500);

#preventOverflowContainer {
  box-shadow: #999 1px 1px 5px inset;
}

.top-level-nav .rs-btn {
  &:hover,
  &:focus {
    background-color: var(--rs-gray-800);
  }
}

.rcv-container .rcv-render {
  padding: 18px;
}

.rs-code-transparent .rcv-render {
  background-image: linear-gradient(45deg, rgb(249, 249, 250) 25%, transparent 25%),
    linear-gradient(135deg, rgb(249, 249, 250) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgb(249, 249, 250) 75%),
    linear-gradient(135deg, transparent 75%, rgb(249, 249, 250) 75%);
  background-size: 20px 20px;
  background-position: 0px 0px, 10px 0px, 10px -10px, 0px 10px;
}
